<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <!-- <link rel="stylesheet" href="./css/yu.css"> -->
</head>
<body>
    <div class="box1">
        <div>天空之城™</div>
        <div> 
            <p><a href="" class="pure" target="_blank" style="color: aliceblue;">首页</a></p>
            <p><a href="./探索.html" target="_blank">探索</a></p>
            <p><a href="">标签</a></p>
            <p><a href="">摄影师</a></p>
            <p><a href="">签约摄影师招募</a></p>
            <p><a href="">热门活动</a></p>
            <p><a href="">天空之城 8 周年影像大赛</a></p>
            <p>HOT</p>
        </div>
        <div>
            <div class="shou"><img src="./img/Vector@2x.jpg" alt=""></div>
            <div><a href="">登录</a></div>
            <div><a href="">注册</a></div>
        </div>
    </div>

    <div class="box2">
            <!-- 轮播图图片 -->
            <div class="img-box">
                <ul>
                </ul>
            </div>
           
            <div class="dot-box">
               
               </div>
    </div>
    <div class="box3">
        <div class="box3-1">
            <div>
                <div>热门航拍点</div>
                <div><a href="">热门航拍点集结</a></div>
            </div>
            <div>
                <div>
                    <div><img src="./img/1698745551.jpg" alt=""></div>
                    <p>澳大利亚</p>
                </div>
                <div>
                    <div><img src="./img/1698745552.jpg" alt=""></div>
                    <p>美国</p>
                </div>
                <div>
                    <div><img src="./img/1698745553.jpg" alt=""></div>
                    <p>冰岛</p>
                </div>
                <div>
                    <div><img src="./img/1698745554.jpg" alt=""></div>
                    <p>西藏</p>
                </div>
                <div>
                    <div><img src="./img/1698745555.jpg" alt=""></div>
                    <p>上海</p>
                </div>
                <div>
                    <div><img src="./img/1698745556.jpg" alt=""></div>
                    <p>新疆</p>
                </div>
            </div>
        </div>
    </div>
    <div class="box4">
        <div class="box4-1">
            <p>精选</p>
            <div>
                <div>
                    <div>自然</div>
                    <div class="dotSpan">
                        <span></span>
                        <span></span>
                       
                    </div>
                    <div><a href="">更多></a></div>
                </div>
                <div class="natureImg">
                  
                </div> 
            </div>
            <div>
                <div>
                    <div>城市</div>
                    <div class="dotss">
                        <div class="dots"></div>
                        <div></div>

                    </div>
                    <div><a href="">更多></a></div>
                </div>
                <div class="chengshi"></div>
            </div>
            <div>
                <div>
                    <div>运动</div>
                    <div>
                        <div class="dot"></div>
                        <div></div>

                    </div>
                    <div><a href="">更多></a></div>
                </div>
                <div></div>
            </div>
            <div>
                <div>
                    <div>人物</div>
                    <div>
                        <div class="dot"></div>
                        <div></div>
                        <div></div>
                        <div></div>
                    </div>
                    <div><a href="">更多></a></div>
                </div>
                <div></div>
            </div>
            <div>
                <div>
                    <div>签约摄影师</div>
                    <div>
                        <div class="dot"></div>
                        <div></div>
                        <div></div>
                        <div></div>
                    </div>
                    <div><a href="">更多></a></div>
                </div>
                <div></div>
            </div>
            <div>
                <div>
                    <div>热门标签</div>
                    <div class="dotYd">
                        <!-- 小圆点 -->
                        <div class="dot"></div>
                        <div></div>
                        
                    </div>
                    <div><a href="">更多></a></div>
                </div>
                <div class="remeng">
                    
                </div>
            </div>
        </div>
    </div>
 <!-- 底部  -->
    <div class="box5">
        <div class="box5-1">
            <div>Copyright © 2022 Skypixel.com 天空之城 版权所有</div>
            <div>
                <p>使用条款</p>
                <p>隐私政策</p>
                <p>内容指引</p>
                <p>网站反馈</p>
                <p>常见问题</p>
            </div>
            <div>
                <p>中文</p>
                <p>|</p>
                <p>English</p>
            </div>
        </div>
        <div>
            <p>粤ICP备2022092332号</p>
            <div><img src="./img/1698745764.jpg" alt=""></div>
        </div>
    </div> 
    <!-- <script src="./js/ajax.js"></script>
    <script  src="./js/轮播图.js"></script>
    <script src="./js/自然.js"></script> -->
</body>
</html>